<div>
  <div
    class="x6-widget-stencil collapsable test-class"
    data-not-found-text="No matches found"
  >
    <div
      class="x6-widget-stencil-content"
    >
      <div
        class="x6-widget-stencil-group collapsable"
        data-name="group1"
      >
        <h3
          class="x6-widget-stencil-group-title"
        >
          group1
        </h3>
        <div
          class="x6-widget-stencil-group-content"
        >
          <div
            class="x6-graph"
            style="width: 200px; height: 800px;"
          >
            <div
              class="x6-graph-background"
            />
            <div
              class="x6-graph-grid"
            />
            <svg
              class="x6-graph-svg"
              height="100%"
              width="100%"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <defs />
              <g
                class="x6-graph-svg-viewport"
              >
                <g
                  class="x6-graph-svg-primer"
                />
                <g
                  class="x6-graph-svg-stage"
                >
                  <g
                    class="x6-cell x6-node x6-node-immovable"
                    data-cell-id="n1"
                    data-shape="rect"
                    transform="translate(15,30)"
                  >
                    <rect
                      fill="#ffffff"
                      height="40"
                      stroke="#333333"
                      stroke-width="2"
                      width="80"
                    />
                    <text
                      fill="#000000"
                      font-family="Arial, helvetica, sans-serif"
                      font-size="14"
                      text-anchor="middle"
                      text-vertical-anchor="middle"
                      transform="matrix(1,0,0,1,40,20)"
                    />
                    <g
                      class="x6-port x6-port-r"
                      transform="matrix(1,0,0,1,80,20)"
                    >
                      <circle
                        class="x6-port-body"
                        fill="#FFFFFF"
                        port="p1"
                        port-group="r"
                        r="10"
                        stroke="#000000"
                      />
                    </g>
                  </g>
                  <!--z-index:2-->
                  <g
                    class="x6-cell x6-node x6-node-immovable"
                    data-cell-id="n2"
                    data-shape="rect"
                    transform="translate(105,30)"
                  >
                    <rect
                      fill="#ffffff"
                      height="40"
                      stroke="#333333"
                      stroke-width="2"
                      width="80"
                    />
                    <text
                      fill="#000000"
                      font-family="Arial, helvetica, sans-serif"
                      font-size="14"
                      text-anchor="middle"
                      text-vertical-anchor="middle"
                      transform="matrix(1,0,0,1,40,20)"
                    />
                    <g
                      class="x6-port x6-port-r"
                      transform="matrix(1,0,0,1,80,20)"
                    >
                      <circle
                        class="x6-port-body"
                        fill="#FFFFFF"
                        port="p2"
                        port-group="r"
                        r="10"
                        stroke="#000000"
                      />
                    </g>
                  </g>
                  <!--z-index:3-->
                </g>
                <g
                  class="x6-graph-svg-decorator"
                />
                <g
                  class="x6-graph-svg-overlay"
                />
              </g>
            </svg>
          </div>
        </div>
      </div>
      <div
        class="x6-widget-stencil-group collapsable"
        data-name="group2"
      >
        <h3
          class="x6-widget-stencil-group-title"
        >
          group2
        </h3>
        <div
          class="x6-widget-stencil-group-content"
        >
          <div
            class="x6-graph"
            style="width: 200px; height: 800px;"
          >
            <div
              class="x6-graph-background"
            />
            <div
              class="x6-graph-grid"
            />
            <svg
              class="x6-graph-svg"
              height="100%"
              width="100%"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <defs />
              <g
                class="x6-graph-svg-viewport"
              >
                <g
                  class="x6-graph-svg-primer"
                />
                <g
                  class="x6-graph-svg-stage"
                />
                <g
                  class="x6-graph-svg-decorator"
                />
                <g
                  class="x6-graph-svg-overlay"
                />
              </g>
            </svg>
          </div>
        </div>
      </div>
    </div>
    <div
      class="x6-widget-stencil-title"
    >
      Stencil
    </div>
  </div>
</div>